<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>手机精灵网-手机库-首页</title>
    <meta name="keywords" content=" ">
    <meta name="description" content=" ">
    <link rel="shortcut icon" type="images/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/flexible.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header-wrap">
        <div class="header-top">
            <a href="/" class="logo"><img src="images/logo.png" alt="logo"></a>
            <div class="num icon active"></div>
        </div>
        <div class="burger">
            <div class="bj"></div>
            <div class="scroll">
                <ul class="clear">
                    <li><a href="##" class="on">首页</a></li>
                    <li><a href="##">资讯</a></li>
                    <li><a href="##">攻略</a></li>
                    <li><a href="##">手游</a></li>
                    <li><a href="##">应用</a></li>
                    <li><a href="##">专区</a></li>
                    <li><a href="##">下载中心</a></li>
                    <li><a href="##">下载排行榜</a></li>
                    <li><a href="##">手机库</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 版心 -->
    <div class="content">
        <div class="swiper_lunbox">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg"alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="infor">
                                    <div class="name">为何选择华为Mate 60 Pro？这三点望周知</div>
                                    <p>毫无疑问，华为手机的崛起也在一定程度上将国内手机行业...</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg"alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="infor">
                                    <div class="name">为何选择华为Mate 60 Pro？这三点望周知</div>
                                    <p>毫无疑问，华为手机的崛起也在一定程度上将国内手机行业...</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg"alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="infor">
                                    <div class="name">为何选择华为Mate 60 Pro？这三点望周知</div>
                                    <p>毫无疑问，华为手机的崛起也在一定程度上将国内手机行业...</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!-- item -->
        <div class="Minbox swiper_View">
            <div class="swiper swipeview" data-slide="5">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_zix"></i></div><p>资讯</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_pc"></i></div><p>评测</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_iphone"></i></div><p>手机大全</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_jq"></i></div><p>技巧</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_jh"></i></div><p>解惑</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box"><div class="ico"><i class="icon ico_gl"></i></div><p>攻略</p></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 热门手机 -->
        <div class="Minbox switchwarp-ck">
            <div class="title">
                <div class="bt">热门手机</div>
            </div>
            <div class="swiper-tab switchlabe">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide tab on">华为</div>
                        <div class="swiper-slide tab">小米</div>
                        <div class="swiper-slide tab">OPPO</div>
                        <div class="swiper-slide tab">荣耀</div>
                    </div>
                </div>
            </div>
            <div class="switchbox Min1">
                <div class="switchitem">
                    <div class="swiper swipeview theme">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide box"><div class="img"><img src="img/lunboxh1.jpg" alt=""></div><p>华为Nova 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img src="img/lunboxh1.jpg" alt=""></div><p>华为Nova 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img src="img/lunboxh1.jpg" alt=""></div><p>华为Nova 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img src="img/lunboxh1.jpg" alt=""></div><p>华为Nova 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img src="img/lunboxh1.jpg" alt=""></div><p>华为Nova 11Pro max</p><div class="downbtn">查看</div></a>
                        </div>
                    </div>
                </div>
                <div class="switchitem hide">
                    <div class="swiper swipeview theme">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide box"><div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div><p>华为 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div><p>华为 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div><p>华为 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div><p>华为 11Pro max</p><div class="downbtn">查看</div></a>
                            <a class="swiper-slide box"><div class="img"><img class="lazy" data-original="img/lunbox1.jpg" alt=""></div><p>华为 11Pro max</p><div class="downbtn">查看</div></a>
                        </div>
                    </div>
                </div>
              
            </div>
        </div>
        <!-- 热门APP -->
        <div class="Minbox">
            <div class="title">
                <div class="bt">热门APP</div>
            </div>
            <div class="Min1">
                <div class="swiper swipeview">
                    <div class="swiper-wrapper">
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                        <a class="swiper-slide box"><div class="img"><img src="img/ico-hw.png" alt=""></div><p>华为商城</p><div class="downbtn">下载</div></a>
                    </div>
                </div>
            </div>
        </div>
         <!-- 热门文章 -->
         <div class="Minbox  ">
            <div class="title">
                <div class="bt">热门文章</div>
                <a href="##" class="more">更多<span>&gt;</span></a>
            </div>
            <div class="Min7">
                <div class="swiper-slide list">
                    <ul>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img11.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img12.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img13.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 热门评测 -->
        <div class="Minbox">
            <div class="title">
                <div class="bt">热门评测</div>
                <a href="##" class="more">更多<span>&gt;</span></a>
            </div>
            <div class="Min8">
                <ul class="list">
                    <li>
                        <div class="bt">
                            <a href="##">
                                暴雪官宣：《魔兽世界》怀旧服将上线巫妖王之怒，跨平 台战神守护者崛起。
                            </a>
                        </div>
                        <div class="text">
                            4月20日消息，在昨晚的《魔兽世界》内容更新发布会上，暴雪宣 布怀旧服将更新“巫妖王之怒”。诺森德的呼唤，你们以风暴之势 席卷了艾泽垃斯和外城。
                        </div>
                        <div class="imgbox">
                            <a href="##" class="img"><img class="lazy" data-original="img/img13.png" alt=""></a>
                            <a href="##" class="img"><img class="lazy" data-original="img/img14.png" alt=""></a>
                            <a href="##" class="img"><img class="lazy" data-original="img/img12.png" alt=""></a>
                        </div>
                        <p>8分钟前</p>
                    </li>
                    <li>
                        <div class="bt">
                            <a href="##">
                                暴雪官宣：《魔兽世界》怀旧服将上线巫妖王之怒，跨平 台战神守护者崛起。
                            </a>
                        </div>
                        <div class="text">
                            4月20日消息，在昨晚的《魔兽世界》内容更新发布会上，暴雪宣 布怀旧服将更新“巫妖王之怒”。诺森德的呼唤，你们以风暴之势 席卷了艾泽垃斯和外城。
                        </div>
                        <div class="imgbox">
                            <a href="##" class="img"><img class="lazy" data-original="img/img13.png" alt=""></a>
                            <a href="##" class="img"><img class="lazy" data-original="img/img14.png" alt=""></a>
                            <a href="##" class="img"><img class="lazy" data-original="img/img12.png" alt=""></a>
                        </div>
                        <p>8分钟前</p>
                    </li>
                    <li>
                        <div class="bt">
                            <a href="##">
                                暴雪官宣：《魔兽世界》怀旧服将上线巫妖王
                            </a>
                        </div>
                        <div class="text">
                            4月20日消息，在昨晚的《魔兽世界》内容更新发布会上，暴雪宣 布怀旧服将更新“巫妖王之怒”。诺森德的呼唤，你们以风暴之势 席卷了艾泽垃斯和外城。
                        </div>
                        <div class="imgbox">
                            <a href="##" class="img"><img class="lazy" data-original="img/img14.png" alt=""></a>
                            <a href="##" class="img"><img class="lazy" data-original="img/img12.png" alt=""></a>
                        </div>
                        <p>8分钟前</p>
                    </li>
                    
                </ul>
            </div>
       </div>
        <!-- 最新文章 -->
        <div class="Minbox  ">
            <div class="title">
                <div class="bt">最新文章</div>
                <a href="##" class="more">更多<span>&gt;</span></a>
            </div>
            <div class="Min7">
                <div class="swiper-slide list">
                    <ul>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img11.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img12.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                        <li>
                            <a href="##" class="img"><img class="lazy" data-original="img/img13.png" alt=""></a>
                            <div class="infor">
                                <a href="##" class="name">
                                    苹果iPhone14 Pro Max评测：除了 灵动岛，就这点升级也能卖爆
                                </a>
                                <p>2023-11-30</p>
                            </div>
                        </li>
                    </ul>
                    <div class="link_more"><a href="##">查看更多</a></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="logo">
            <a href="##"><img src="images/logo.png" alt=""></a>
        </div>
        <p>
            <a class="link" href="https://beian.miit.gov.cn/#/Integrated/index" class="link">粤ICP备19068136号-23</a>
        </p>
    </footer>
    <!-- tabber -->
    <div class="tabber">
        <ul>
            <li class="on"><a href="##" class="box"><i class="icon ico_hone"></i><p>首页</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_news"></i><p>资讯</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_app"></i><p>APP</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_game"></i> <p>手机大全</p></a></li>
            <li><a href="##" class="box"><i class="icon ico_ph"></i> <p>排行榜</p></a></li>
        </ul>
    </div>
    <div class="QZ-up"></div>
    <script src="js/base.js"></script>
</body>
</html>